<!--
Page d'accueil du jeu du chifoumi
-->
<?php
include 'header.html'
?>

<!--Menu de navigation-->
<nav>
    <ul>
        <li><a href="index.php">Accueil</a></li>
        <li><a href="regles.php">Règles</a></li>
        <li><a href="documentation.php">Documentation</a></li>
    </ul>
</nav>

<article id="doc">

    <!--Information sur le projet-->
    <section class="onglet"> 

        <h2>Description du projet</h2> 

        <p>Le jeu du CHI FOU MI que sous avons réalisé sous la forme d'application 
            web est notre projet de second semestre pour l'unité d'enseignement 
            "Langages et technomogies du web". La réalisation de cette application 
            a pour but pédagogique de nous faire découvrir la librairie "jQuery", 
            librairie offrant de nombreuses fonctions javascript pré-définit qui 
            offrent à l'utilisateur une facilité et rapidité importante de codage. 
            Par ailleurs, pour la création de ce jeu, nous avons également utilisé
            les fonctionnalités des nouvelles technologies: HTML5 et CSS3.</p> 
        <p>
            Pour la structure des différentes pages de l'application 
            (<a href="index.php">Accueil</a>, <a href="regles.php">Règles</a>, 
            <a href="documentation.php">Documentation</a>), nous avons utilisé 
            les nouvelles balises HTML5. Nous avons donc entre autre eu recourt 
            au balises: nav, header, footer... qui permettent un gain de temps et
            une structure des pages très intéressante. En revanche, HTML5 n'est 
            pas n'est pas implémenté par Internet Explorer (voir 
            <a href="http://www.xul.fr/html5/html-5-sur-internet-explorer.php">ici</a>), 
            ce qui rend l'affichage de notre jeu impossible sur ce navigateur. 
            Par conséquent, nous avons tout de même pris en compte cette éventualité 
            en affichant un message à l'utilisateur dans le cas où celui-ci voudrait 
            exécuter le jeu avec Internet Explorer (voir header).
        </p>
        <p>
            Pour la gestion du jeu et la partie programmation, nous avons utilisé 
            uniquement la librairie jQuery. Les fonctions réalisés utilisent toutes 
            la syntaxe et les méthodes jQuery, notemment pour la requête ajax au 
            serveur, ou pour les différents effets du site. On peut souligner 
            l'utilisation de différentes animations telles que hide(), show(), 
            slideUp() ou encore delay(). Cette dernière méthode permet de générer
            un temps d'attente avant l'exécution d'une animation, elle nous a parmi 
            de réaliser entre autre la simulation du jeu du serveur avec l'affichage 
            séquentiel de plusieurs image avec un temps de pause définit entre les 
            différentes transitions.
        </p>
        <p>
            L'ensemble des pages du jeu ont été validés à l'aide du site du 
            <a href="http://www.w3.org/">W3C</a>, d'où la présence des deux logos 
            officiels dans le footer des différentes pages. Nous avons choisi 
            de faire apparapitre le logo XHTML 1.1 bien la technologie utilisée soit
            HTML5 car le logo de cette dernière n'est pas encore disponible.
        </p>
    </section>
</article>

<!--pied de page-->
<?php
include 'footer.html'
?>

</body>
</html>
